<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>武汉旅游通</title>
    <script src="libs/jquery-1.11.2.min.js" type="text/javascript"></script>
    <link href="libs/ol/ol.css" rel="stylesheet" type="text/css"/>
    <link href="libs/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="css/layui-ext.css" rel="stylesheet" type="text/css"/>
    <link href="css/zh.css" rel="stylesheet" type="text/css"/>
    <script src="libs/ol/ol-debug.min.js" type="text/javascript"></script>
    <script src="libs/zondyClient.js" type="text/javascript"></script>
    <script src="libs/md5.min.js" type="text/javascript"></script>
    <script src="src/icon.js"></script>
    <script src="src/measureMap.js"></script>
    <script src="src/queryMap.js"></script>
    <script src="src/editMap.js"></script>
    <script src="src/ui.js"></script>
    <script src="src/zh.js"></script>
</head>
<body onload="init()">

<ul class="layui-nav" lay-filter="main">
    <li class="layui-nav-item"><a>武汉旅游通</a></li>
    <li class="layui-nav-item layui-this"><a id="mapNavItem" href="#">地图</a></li>
    <li class="layui-nav-item"><a href="#">查询</a>
        <dl class="layui-nav-child">
            <dd><a id="search" href="#">搜索查询</a></dd>
            <dd><a id="searchByMouseClick" href="#">点选查询</a></dd>
            <dd><a id="searchByRegion" href="#">拉框查询</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item"><a href="#">测量</a>
        <dl class="layui-nav-child">
            <dd><a id="measureLength" href="#">距离</a></dd>
            <dd><a id="measureArea" href="#">面积</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item layui-hide" id="editItem"><a href="#">编辑</a></li>
    <li class="layui-nav-item layui-hide" id="saveItem" onclick="saveEdit()"><a href="#">保存</a></li>
    <!--<li class="layui-nav-item" id="travelItem"><a href="#">导航</a>-->
        <!--<dl class="layui-nav-child">-->
            <!--<dd><a id="addRoads" href="#">添加路线</a></dd>-->
            <!--<dd><a id="seeRoads" href="#">查看路线</a></dd>-->
        <!--</dl>-->
    <!--</li>-->
    <li class="layui-nav-item layui-layout-right">
        <a id="loginUser" href="#"><img id="avatar" src="images/common.jpg"
                                        class="layui-nav-img"><div id="loginUsername" style="display: inline">　</div>
        </a>
        <dl class="layui-nav-child">
            <dd><a id="quit" href="#">退出</a></dd>
        </dl>
    </li>
</ul>

<div id="mapCon">
    <div id="layerControl" class="layerControl">
        <div class="layui-collapse" lay-filter="board">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">图层列表</h2>
                <div class="layui-colla-content layui-show">
                    <ul id="layerTree" class="layerTree"></ul>
                </div>
            </div>
        </div>
    </div>
    <div id="mouse-position"></div>

</div>

<div id="queryBySearchLayer" style="display: none;">
    <form class='layui-form mr mt mb'>
        <div class="layui-form-item">
            <label class="layui-form-label">输入名称</label>
            <div class="layui-input-block">
                <input type="text" name="inputName" required lay-verify="required" placeholder="请输入查询内容"
                       autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选择图层</label>
            <div class="layui-input-block">
                <select name="inputLayer" id="options"></select>
            </div>
        </div>
        <button class="layui-btn right mr" lay-submit lay-filter="formDemo">提交查询</button>
    </form>
</div>
<div id="queryByClickLayer" style="display: none;">
    <form class='layui-form mr mt mb'>
        <div class="layui-form-item">
            <label class="layui-form-label">选择图层</label>
            <div class="layui-input-block">
                <select name="inputLayer" lay-filter="layerLayerOption" id="layerOptions"></select>
            </div>
        </div>
    </form>
    <div id="queryByClickResultList"></div>
</div>
<div id="queryByClickResult" style="display: none;">
    <table id="resTable" lay-filter="resTable"></table>
</div>
<script src="libs/layui/layui.all.js"></script>
</body>
</html>